<div class="drawer-vehicleMasterControl">

  <div class="drawer-car-info">
    <div class="car-info-left">
      <div class="logo">
        <div class="icon">
          <i apes-icon apesType="car"></i>
        </div>
      </div>
    </div>
    <div class="car-info-right">
      <div class="car-info-right-top">
        <span class="car-license">{{carInfo['CAR_LICENSE']}}</span>
        <span class="vehicleLabel">{{carInfo['VEHICLELABEL']}}</span>
      </div>
      <div class="car-info-right-bottom">
        <span class="customer-name">车主姓名:{{carInfo['CUSTOMER_NAME']}}</span>
        <span class="mobile">手机号:{{carInfo['MOBILE']}}</span>
        <!--        <span class="estimate-date">预计时间:{{timesChange(carInfo['ESTIMATE_DATE'])}}</span>-->
        <span class="dept-name">门店:{{carInfo['DEPT_NAME']}}</span>
      </div>
    </div>
  </div>

<!--  <apes-card apesTitle="接车">-->
<!--    <div class="pick-car-info">-->
<!--      <span class="pick-car-info-text">{{timesChange(pickCarInfo['PICK_DATE'])}}</span>-->
<!--      <span class="pick-car-info-text">接车员:{{pickCarInfo['P_UID']}}</span>-->
<!--      <span class="pick-car-info-text">当前里程:{{pickCarInfo['MILEAGE']}}</span>-->
<!--      <span class="pick-car-info-text">当前油表:{{pickCarInfo['FUEL_METER']}}</span>-->
<!--      <span class="pick-car-info-text">接车类型:{{pickCarInfo['PICK_TYPE']}}</span>-->
<!--    </div>-->
<!--    <div class="pick-car-note">-->
<!--      <div class="customer-tip">-->
<!--        <div>车主嘱咐:</div>-->
<!--        <div class="pick-car-note-main">{{pickCarInfo['CUSTOMER_TIP']}}</div>-->
<!--      </div>-->
<!--      <div class="fault-description">-->
<!--        <div>故障描述:</div>-->
<!--        <div class="pick-car-note-main">{{pickCarInfo['FAULT_DESCRIPTION']}}</div>-->
<!--      </div>-->
<!--      <div class="note">-->
<!--        <div>备注:</div>-->
<!--        <div class="pick-car-note-main">{{pickCarInfo['NOTE']}}</div>-->
<!--      </div>-->
<!--    </div>-->
<!--  </apes-card>-->

  <ng-container *ngFor="let panel of gridPanels">
    <apes-card [apesTitle]="panel.name">
      <div *ngIf="panel.id == 'pick_car_info' && panel.rowData.length>0">
        <div style="padding: 8px;">车主嘱咐:{{panel.rowData[0]['CUSTOMER_TIP']}}</div>
        <div style="padding: 8px;">故障描述:{{panel.rowData[0]['FAULT_DESCRIPTION']}}</div>
      </div>
      <div class="query-grid">
        <!--        [ngStyle]="{ height: panel.rowData.length > 0? '300px': 0}"-->
        <ag-grid-angular #agGrid style="width: 100%"
                         [ngStyle]="{ height: gridHeight(panel)}"
                         class="ag-theme-balham"
                         enableColResize="true"
                         enableSorting="true"
                         suppressLoadingOverlay="true"
                         [modules]="modules"
                         [rowData]="panel.rowData"
                         [masterDetail]="true"
                         [gridOptions]="panel.gridOptions"
                         [defaultColDef]="panel.defaultColDef"
                         [isRowMaster]="panel.isRowMaster"
                         [animateRows]="true"
                         [columnDefs]="panel.columnDefs"
                         [detailCellRenderer]="panel.detailCellRenderer"
                         [detailCellRendererParams]="panel.detailCellRendererParams"
                         [frameworkComponents]="panel.frameworkComponents"
                         (gridReady)="onGridReady($event)"></ag-grid-angular>
      </div>
    </apes-card>
  </ng-container>

  <!--  <apes-card apesTitle="交车">-->
  <!--    <div class="deliver-info-foot" *ngFor="let deliver of deliverInfoFoot">-->
  <!--      <span class="deliver-info-foot-text">{{deliver['TIME']}}</span>-->
  <!--      <span class="deliver-info-foot-text">{{deliver['STATE']}}</span>-->
  <!--      <span class="deliver-info-foot-text">交车人:{{deliver['U_NAME']}}</span>-->
  <!--    </div>-->
  <!--  </apes-card>-->


</div>
